<div>
    <div class="right-conbox" ng-controller="unitController">

        <div class="content-box">
            <div class="conBox-left"  ng-style="{'background-image':(unitData && unitData.background && unitData.background!=='') ? 'url('+ serviceHttp + unitData.background + ')' : 'url(image/lougai.png)','background-size':'100%,100%'}">
                <div class="Unit-ParamCeng">
                    <span class="unit-parclickImg"><img ng-src="{{houseValue && houseValue.length>0 ? 'image/hide-left.png': ''}}" ng-style="{width:houseValue && houseValue.length>0?'16px':'',height:houseValue && houseValue.length>0?'16px':''}"  class="unitPosition-param" onclick="showConbox()"></span>
                    <div class="unit-jianceCS">
                        <dl class="unit-wd" ng-repeat="house in houseValue" style="z-index: 9">
                            <!--house.judge(0:正常，不显示图片；1：低级报警，显示红色报警图片；2：高级报警，显示黄色报警图片) -->
                            <!--<img src="image/waring-red.png" style="width: 36px; height: 18px;position: relative; top:-11%; left:19%;z-index: 999" ng-show="{{house.judge}}" >-->
                            <dd>{{house.deviceInspect.inspectType.name}}</dd>
                            <!--<dd>{{house.name}}</dd>-->
                            <dt>{{house.result}}</dt>
                        </dl>
                    </div>
                    <div style="clear: right"></div>
                </div>
                <!--image/shebie-tip.png-->
                <!--<img src="image/hide-right.png" class="unitPosition-user" onclick="showFloorUser()">-->
                <div>
                    <ul>
                        <li ng-repeat="current_unit in unitList">
                            <a hover href="javascript:void(0)"
                               ng-click="redirect('unit_Details.html/' + current_unit.id)"
                               style="display:inline-block;">
                                <img ng-src="{{current_unit.deviceType.logo ? current_unit.deviceType.logo : 'image/shebie-tip.png' }}" class="IniconStyle"
                                     ng-style="{'left':current_unit.xPoint+'px','top':current_unit.yPoint+'px'}">

                            </a>
                            <div class="previewContent">
                                <table class="hover-box-style">
                                    <tr class="bott-style XF_colorstyle">
                                        <td>设备名称：</td>
                                        <td style="width: 110px"></td>
                                        <!--<td style="width: 110px">{{current_unit.xPoint+','+current_unit.yPoint}}</td>-->
                                        <td>{{current_unit.name}}</td>
                                    </tr>
                                    <tr class="bott-style XF_colorstyle">
                                        <td>设备编号：</td>
                                        <td></td>
                                        <td>{{current_unit.code}}</td>
                                    </tr>
                                    <tr class="bott-style XF_colorstyle">
                                        <td>运行天数：</td>
                                        <td></td>
                                        <td>{{current_unit.days}}</td>
                                    </tr>
                                    <!--<tr class="bott-style XF_colorstyle">-->
                                    <!--<td>资产健康值：</td>-->
                                    <!--<td></td>-->
                                    <!--<td>90</td>-->
                                    <!--</tr>-->
                                    <tr class="bott-style XF_colorstyle">
                                        <td>终端编号：</td>
                                        <td></td>
                                        <td>{{current_unit.monitorDevice.number}}</td>
                                    </tr>
                                    <tr class="bott-style XF_colorstyle">
                                        <td>在线状态：</td>
                                        <td></td>
                                        <td ng-style="{color:current_unit.monitorDevice?(current_unit.monitorDevice.online==0?'#FF5A59':'#FEBF17'):'#FF5A59'}" >{{!current_unit.monitorDevice?"离线":(current_unit.monitorDevice.online==0?"离线":"在线")}}</td>
                                    </tr>
                                    <!--<tr class=" XF_colorstyle">-->
                                        <!--<td>报警状态：</td>-->
                                        <!--<td></td>-->
                                        <!--<td class="redWaringColor">红色报警</td>-->
                                    <!--</tr>-->
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="Inparams-box">

                <div class="Inparams-jkz fl">
                    <div class="Inparams-moudel-style mb15">
                        <span class="Inparams-moudel-title">运行天数</span>
                        <span class="Inparams-moudel-value">{{unitData.days}}天</span>
                    </div>
                    <div class="Inparams-moudel-style">
                        <span class="Inparams-moudel-title">资产健康值</span>
                        <span class="Inparams-moudel-value">{{unitData.score.toFixed(0)}}分</span>
                    </div>
                </div>

                <div class="Inparams-chart fl">
                    <div id="canvasUnitPir" style="width: 255px; height: 180px; "></div>
                </div>

                <div class="Inparams-chart fl">
                    <div id="canvasWaringPir" style="width: 255px; height: 180px; "></div>
                </div>
                <div class="clearfloat"></div>
            </div>

            <!--
            <div class="query_table">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td>设备编号</td>
                        <td>当前状态</td>
                        <td>样本类型</td>
                        <td>设备参数</td>
                        <td>设备主管</td>
                        <td>制造商</td>
                        <td>设备终端编号</td>
                        <td>操作</td>
                    </tr>
                    <tr ng-repeat="unit in unitList">
                        <td ng-bind="unit.code"></td>
                        <td ng-bind=" unit.alterNum > 0 ? '报警' : '正常'"></td>
                        <td ng-bind="unit.deviceType.name"></td>
                        <td ng-bind="unit.deviceType.inspectTypes[0].name"></td>
                        <td ng-bind="unit.manager.userName"></td>
                        <td ng-bind="unit.creator"></td>
                        <td ng-bind="unit.purchase"></td>
                        <td><a href="javascript:void(0)" ng-click="redirect('unit_Details.html/' + unitList[0].id)">详 情</a></td>
                    </tr>
                </table>
            </div>
            -->

            <!--<div class="floor-user">-->
                <!--<span>房间内人员:</span>-->
                <!--<ul class="floor-user-ul">-->
                        <!--<li>张三1 <i class="floor-user-doc">，</i></li>-->
                        <!--<li>张三2 <i class="floor-user-doc">，</i></li>-->
                        <!--<li>张三3 <i class="floor-user-doc">，</i></li>-->
                    <!--</ul>-->
            <!--</div>-->

        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script>
    $(function () {
        //$(".unit-jianceCS").hide();
        $(".floor-user-doc:last").css("display","none");
    });
    function showConbox() {
        $(".unit-jianceCS").toggle();
    }
//    function showFloorUser() {
//        $(".floor-user").toggle();
//    }

</script>